<el-form ref="form" :model="form" :rules="rules" label-width="130px">
    <el-row :gutter="10">
        <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
            <el-form-item label="实际费用核销单号" prop="GWFDDOCNO">
                <el-input clearable v-model="form.GWFDDOCNO" readOnly></el-input>
            </el-form-item>
        </el-col>
        <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
            <el-form-item label="年度" prop="GWFD001">
                <el-date-picker
                        type="year"
                        v-model="form.GWFD001"
                        value-format="yyyy"
                        style="width: 100%">
                </el-date-picker>
            </el-form-item>
        </el-col>
        <el-col :xs="8" :sm="8" :md="8" :lg="8" :xl="8">
            <el-form-item label="月份" prop="GWFD002">
                <el-date-picker
                        type="month"
                        v-model="form.GWFD002"
                        format="MM"
                        value-format="MM"
                        style="width: 100%">
                </el-date-picker>
            </el-form-item>
        </el-col>
    </el-row>
    <el-row>
        <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
            <div class="pos-re">
                <div class="pos-ab" style="margin-bottom: 10px;">
                    <el-button type="primary" size="small"
                               @click="addData">新增
                    </el-button>
                    <el-button type="primary" size="small"
                               @click="delData">删除
                    </el-button>
                </div>
                <div class="table-responsive">
                    <table id="gwft300_edit_table"
                           class="layui-table"
                           lay-size="sm"
                           lay-filter="gwft300_edit_table">
                    </table>
                </div>
            </div>
            <div style="float:right">
                <span style="font-size:16px;">合计&nbsp;&nbsp;</span>
                <span><b>&nbsp;&nbsp;预测销售金额:</b>{{total.GWFD102_SUM}}</span>
                <span><b>&nbsp;&nbsp;区域实际费用金额:</b>{{total.GWFD106_SUM}}</span>
                <span><b>&nbsp;&nbsp;总部实际费用金额:</b>{{total.GWFD107_SUM}}</span>
            </div>
        </el-col>
    </el-row>
    <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" style="text-align: right;margin-top: 10px;">
        <el-button icon="icon iconfont icon-23" size="mini" @click="cancle">关闭</el-button>
        <el-button type="warning" icon="icon iconfont icon-21" size="mini" :disabled="isCheck"
                   @click="saveData">保存
        </el-button>
    </el-col>
    </el-row>
</el-form>
<script>
    require(["pc/crm/gwft300_edit"], $.noop);
</script>